@charset "utf-8";
/* CSS Document */

/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

body,html,div,span,ul,li,dd,dt,dl,ol,input,p,article,aside,dialog,footer,header,section,footer,nav,figure,menu,h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;border:none;list-style:none;}
a:hover,a:active{outline:none;}
body{background:#fff;color:#6c6c6c;font:12px/21px 'Arial','Simsun'}
a,a:link,a:visited{color:#6c6c6c;text-decoration:none}
a:hover{color:#85ac0b;}
p{text-align:justify; text-justify:inter-ideograph;}

.wrap{width:1280px;overflow:hidden;margin:0 auto;}

/*header*/
header{width:1280px;height:77px;position:absolute;background:url(../images/headerbg.png) repeat-x;z-index:1000;}
header nav{width:800px;float:right;height:77px;position:relative;}
header .logo{width:222px;height:77px;float:left;background:url(../images/logo.png) no-repeat;margin-left:100px}
nav .menu{width:100px;height:100%;float:left;margin-left:1px;text-align:center;font:18px/97px "Arial";text-decoration:none}
nav .menu:link{color:white}
nav .menu:visited{color:white}
nav .menu:hover{color:white}
.nav-a-hover{display:block;position:absolute;top:0px;left:0px;width:100px;height:77px;background:url(../images/nav_hover.png) no-repeat;cursor:pointer;text-align:center;font:18px/97px "Arial";color:#8dd701}
.weibo{display:block;width:16px;height:16px;background:url(../images/weibo.jpg) no-repeat;position:absolute;left:560px;top:40px;text-indent:-2000px;overflow:hidden}
.header{width:100%;height:77px;}

/*banner*/
.banner{width:100%;height:539px;position:relative;}
.bannerbg{width:100%;height:100%;position:absolute;top:0px;left:0px;background:white}
.bannerbg ul{position:relative;display:block;width:100%;height:100%;}
.bannerbg li{position:absolute;display:block;width:100%;height:100%;z-index:0;background-repeat:no-repeat;background-position:top left;}
.banner_bg1{background-image:url(../images/bannerbg1.jpg)}
.banner_bg2{background-image:url(../images/bannerbg2.jpg)}
.banner_bg3{background-image:url(../images/bannerbg3.jpg)}
.bannerfg{position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:100;}
.piclist{position:relative;display:block;width:100%;height:100%;}
.piclist li{position:absolute;display:block;width:854px;height:306px;z-index:0;top:190px;left:50%;margin-left:-427px;}
.banner_fg1{background:url(../images/banner1.png) no-repeat}
.banner_fg2{background:url(../images/banner2.png) no-repeat}
.banner_fg3{background:url(../images/banner3.png) no-repeat}
.banner_fg4{background:url(../images/banner4.png) no-repeat}
.banner_fg5{background:url(../images/banner5.png) no-repeat}
.numlist{position:absolute;display:block;width:265px;height:39px;background:url(../images/numlistbg.png) no-repeat;left:50%;bottom:0px;z-index:100;margin-left:-151px;padding-left:37px;}
.numlist li{display:block;float:left;width:38px;height:37px;cursor:pointer;margin-right:9px;font:bold 12px/36px 'Myriad Pro','Arial';}
.current_num{color:#60b700;background:url(../images/num_h.png) no-repeat;font-weight:bold}
.normal_num{background:url(../images/num.png) no-repeat;color:#6c747f;font-weight:bold}

.nl1{text-indent:15px;}
.nl2{text-indent:16px;}
.nl3{text-indent:16px;}
.nl4{text-indent:15px;}
.nl5{text-indent:16px;}

/*main*/
.main{width:100%;height:auto;background:url(../images/mainbg.jpg) no-repeat white}
.news{float:left;width:361px;height:236px;background:url(../images/newsbg.png) no-repeat;padding-top:52px;margin-left:43px}
.newslist{display:block;width:272px;height:140px;overflow:hidden;position:relative;margin-left:80px;margin-top:50px;}
.newslist ul{position:absolute;display:block;width:100%;height:auto;top:0px;left:0px;}
.newslist li{line-height:25px;font-size:12px;height:25px;display:block}

.aboutus{float:left;width:451px;height:288px;background:url(../images/aboutbg.png) no-repeat;position:relative;}
.aboutus p{display:block;margin-top:80px;width:85%;margin-left:38px;}
.aboutus strong{font-weight:100;color:#85ac0b}
.aboutus .more{position:absolute;right:80px;bottom:120px;color:#85ac0b;}

.contact{float:left;width:364px;height:288px;background:url(../images/contactbg.png) no-repeat;position:relative;}
.contact .phone{position:absolute;left:68px;top:120px;font-size:36px;font-family:'FZYaoti','Arial';letter-spacing:0px;font-weight:100}
.contact .email{color:#85ac0b;position:absolute;top:150px;left:48px;}

.talk{display:block;width:101px;height:44px;background:url(../images/talk.png) no-repeat;color:white;font:16px/30px "Microsoft YaHei","Simsun";text-align:center;position:absolute;right:54px;top:150px;}
.talk:link{color:white;text-decoration:none}
.talk:visited{color:white;text-decoration:none}
.talk:hover{color:white;text-decoration:none;top:149px;}
.qq{display:block;width:92px;height:22px;background:url(../images/qqbg.png) no-repeat;color:white;text-indent:26px;line-height:22px;text-decoration:none;position:absolute;top:172px;left:48px;}
.qq:link{color:white}
.qq:visited{color:white}
.qq:hover{color:white;text-decoration:none}

.services{position:relative;clear:both;display:block;width:100%;height:310px;background:url(../images/service.jpg) no-repeat;margin-bottom:20px;margin-top:10px;}
.services_pc{position:absolute;width:382px;height:100%;left:0px;top:0px;z-index:100;cursor:pointer;background:url(../images/pc.png) no-repeat}
.case_list li{position:absolute;display:block;width:244px;height:136px;z-index:0;top:24px;left:81px;}
.services_list{position:absolute;width:686px;height:100%;right:30px;top:0px;}
.services_list .btn{position:absolute;width:26px;height:26px;margin-top:-13px;}
.services_list .leftb{left:0px;z-index:1;top:50%;background:url(../images/leftbtn.png) no-repeat}
.services_list .leftb:hover{background:url(../images/leftbtn_h.png) no-repeat}
.services_list .rightb:hover{background:url(../images/rightbtn_h.png) no-repeat}
.services_list .rightb{right:0px;z-index:1;top:50%;background:url(../images/rightbtn.png) no-repeat}
.sl_wrap{position:relative;width:582px;height:186px;z-index:0;overflow:hidden;left:30px;margin-left:25px;margin-top:61px;}
.sl_wrap ul{display:block;height:100%;position:absolute;left:0;top:0;}
.sl_wrap li{display:block;width:582px;height:100%;float:left;position:relative;}
.sl_wrap li strong{position:absolute;display:block;font-weight:100}

.sl1{background:url(../images/service1.png) no-repeat}
.sl2{background:url(../images/service1.png) no-repeat}


.p1{top:60px;left:92px;}
.p2{top:60px;left:400px;}
.p3{top:150px;left:75px;}
.p4{top:150px;left:392px;}

footer{width:100%;height:216px;background:url(../images/footerbg.png) top no-repeat #000;border-bottom:1px solid white;position:relative;}
footer .links{display:block;position:absolute;top:61px;left:480px;line-height:26px;}
.links li{line-height:27px;background:url(../images/dot.png) 1em 50% no-repeat;text-indent:2.5em}
.links .normal{border-bottom:1px solid #000;border-top:1px solid #3a3a3a}
.links .first{border-bottom:1px solid #000;}
.links .last{border-top:1px solid #3a3a3a}
footer .keyword{display:block;position:absolute;bottom:2px;left:20px;color:#646464;background:url(../images/zf.jpg) 347px 50% no-repeat}
.keyword span{color:#242424}

footer .contacts{display:block;position:absolute;width:270px;height:auto;top:60px;right:100px;}
.contacts h4{font-size:14px;font-weight:100;}
.contacts h5{font-size:12px;font-weight:100;line-height:32px;background:url(../images/qq.png) 56px 45% no-repeat}
.contacts h3{color:white;font-size:20px;font-weight:100;letter-spacing:-1px}
.contacts .position{position:absolute;width:34px;height:46px;background:url(../images/position.png) no-repeat;left:-42px;top:-10px;}
.contacts .qq1{color:#9adc47;margin-left:15px;}
.contacts .qq2{color:#ffba00}


/*test*/
.red{background:red}
.orange{background:orange}
.yellow{background:yellow}
.green{background:green}
.purple{background:purple}


